{% extends "_show.html" %}

{% block pagebar %}

    <nav style="text-align: center">
        <ul class="pagination">
            <li>
                <a href="/highsearch/{{ keyword }}/{{ pages[0] }}" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            {% for page in pages[3:] %}
                {% if page == pages[2] %}
                    <li class="active"><a href="/highsearch/{{ keyword }}/{{ page }}">{{ page }}</a></li>
                {% else %}
                    <li><a href="/highsearch/{{ keyword }}/{{ page }}">{{ page }}</a></li>
                {% endif %}
            {% endfor %}
            <li>
                <a href="/highsearch/{{ keyword }}/{{ pages[1] }}" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </nav>
{% endblock %}